<template>
    <div class="answer-ct">
        <img src="../../../public/img/u764.png" alt="">
        <div class="answer">
            <div class="name-set">
                <span class="name">猫眼</span>
                <i class="set yo-ico">&#xe6d3;</i>
            </div>
            <p>wbkfjwbbbefkwjebkfjbwekjfbkkwjbfkbebfjerhbwbkjwbekjbfkwjb</p>
            <div class="answer-bottom">
                <span>昨天20：08</span>
                <div>
                <i class="yo-ico">&#xe611;</i>
                <span>122</span>
                <i class="yo-ico">&#xe607;</i>
                </div>
            </div>
        </div>
    </div>
</template>


<script>
export default {

}
</script>

<style lang="stylus" scoped>
.answer-ct
    width 100%
    display  flex 
    flex-direction row
    padding 0 .1rem 0 .1rem
    margin .1rem 0
    >img 
        flex 40
        width .4rem
        height .4rem
    .answer
        flex 335
        display flex
        width 3.35rem
        // background-color blue
        flex-direction column
        padding 0 .2rem 0 .1rem
        .name-set
            display flex
            height .2rem
            // background-color red
            justify-content space-between

            >span
                flex 1
                text-align left
            >i 
                flex 1
                text-align right
        >p
            // background-color green
            word-wrap break-word

        .answer-bottom
            // background-color yellow 
            flex 1
            height .2rem
            display flex 
            justify-content space-between
            >span 
                color #999
            >div 
                // background-color green
                >span 
                    margin 0 .3rem 0 .05rem
                    color #999
                >i
                    color #999 




            
        


</style>